<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
</head>
<body>
    <form action = "#" method = "post">
        <caption><h3 id = "three">用户注册</h3></caption>
        <fieldset style="width: 400px">
            <legend>身份验证-必填信息</legend>
            <table>
                <tr>
                    <td align = "right">用户名</td>
                    <td><input type = "text" name = "username"></td>
                </tr>
                <tr>
                    <td align = "right">密码</td>
                    <td><input type = "password" name = "password"></td>
                </tr>
                <tr>
                    <td align = "right">密码确认</td>
                    <td><input type = "password" name = "password"></td>
                </tr>
            </table>
        </fieldset>
        <fieldset style="width: 400px">
            <legend>身份信息-选填信息</legend>
            <table>
                <tr>
                    <td align = "right">所在城市</td>
                    <td><select>
                            <option>北京</option>
                            <option>上海</option>
                            <option>深圳</option>
                            <option>郑州</option>
                            <option selected = "selected">焦作</option>
                        </select></td>
                </tr>
                <tr>
                    <td align = "right">工作单位</td>
                    <td><input type = "text" name = "workaddress"></td>
                </tr>
                <tr>
                    <td align = "right">家庭住址</td>
                    <td><input type = "text" name = "homeaddress"></td>
                </tr>
            </table>
        </fieldset>
        <fieldset style="width: 400px">
            <legend>其他个人信息</legend>
            <table>
                <tr>
                <td align = "right">性别</td>
                <td><select>
                        <option>男</option>
                        <option>女</option>
                    </select></td>
                </tr>
                <tr>
                    <td align = "right">爱好</td>
                    <td><input type = "checkbox" name = "hobby">音乐
                        <input type = "checkbox" name = "hobby">体育
                        <input type = "checkbox" name = "hobby">计算机</td>
                </tr>
                <tr>
                    <td align = "right">喜欢的公司</td>
                    <td><input type = "checkbox" name = "hobby">百度
                        <input type = "checkbox" name = "hobby">微软中国
                        <input type = "checkbox" name = "hobby">谷歌中国</td>
                </tr>
                <tr>
                    <td align = "right">个人简介</td>
                    <td><textarea rows="5" cols="20"></textarea></td>
                </tr>
            </table>
        </fieldset>
        <input type="submit" value="提交您的资料"><input type="reset" value="重新填写资料"><a href="#three">回到顶部</a>
    </form>
</body>
</html>